
<!DOCTYPE html>
<html lang="zh-CN" manifest="wjz.appcache">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>微剧组</title>
    <link rel="icon" href="./TP/favicon.ico" />
    <link rel="stylesheet" href="./SJ.css">
  </head>

  <body class="flex">
    <!--侧边栏-->
    <div style="width: 110px; z-index: 2" class="baise yinying">
      <!-- 头像栏 -->
      <div
        style="padding: 10px; align-items: center; justify-content: center"
        class="flex"
      >
        <img
          src="./TP/LOGO.png"
          width="70px"
          height="75px"
          alt="微剧组"
          title="星标"
        />
      </div>
      <!-- 导航栏 -->
      <div class="flex1">
        <div class="daohang">
          <a href="https://blog.noxue.com/">不学网</a>
        </div>
        <div class="daohang">
          <a href="http://www.czixue7.icoc.bz/">微剧组</a>
        </div>
        <div class="daohang"><a href="./index.html">电脑页面</a></div>
        <div class="daohang"><a href="#">暂无导航</a></div>
      </div>
    </div>
    <!--主区域-->
    <div class="flex3 column">
      <!--头部栏-->
      <div style="height: 95px; z-index: 1" class="zt flex2 baise yinying">
        <b>微</b>
        <b>剧</b>
        <b>组</b>
      </div>
      <!-- 内容区 -->
      <!-- 播放区 -->
      <div
        style="height: 85px; margin-top: 7px; margin-left: 7px"
        class="juzhong baise yinying"
      >
        <img
          src="./TP/Martin Ermen - River Flows In You.jpg"
          width="35%"
          height="80px"
          alt=""
        />
        <div style="margin-right: 7px; margin-left: 4px">
          <p style="color: rgb(181, 182, 184); font-size: 11px">
            Martin Ermen - River Flows In You
          </p>
          <audio controls style="height: 48px; width: 100%">
            <source src="Martin Ermen - River Flows In You.mp3" />
          </audio>
        </div>
      </div>
      <div style="flex: 2" class="flex column mg8">
        <!--数据区-->
        <div class="flex column">
          <!-- 图片块 -->
          <div style="height: 100px" class="baise yinying">
            <img
              src="./TP/SKY1.jpg"
              width="100%"
              height="100%"
              alt=""
              title="光遇-遇镜传送门"
            />
          </div>
          <div style="height: 100px" class="baise mgt8 yinying">
            <img
              src="./TP/SKY2.jpg"
              width="100%"
              height="100%"
              alt=""
              title="光遇-霞谷圆梦村"
            />
          </div>
          <div style="height: 100px" class="baise mgt8 yinying">
            <img
              src="./TP/SKY3.jpg"
              width="100%"
              height="100%"
              alt=""
              title="光遇-玫瑰花园"
            />
          </div>
          <div style="height: 100px" class="baise mgt8 yinying">
            <img
              src="./TP/SKY4.jpg"
              width="100%"
              height="100%"
              alt=""
              title="光遇-遇镜夕阳"
            />
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
